<h2>Evaluar Charla</h2>
<br/>
<div class="alert alert-info">
	<table>
		<tr>
			<td>
				<img src=<%= @charla.conferencia.cargarImagen() %> class="img-thumbnail" style="border-radius: 5%; height:100px;">
			</td>
			<td>
				<div>
					<div>
						<h2><%= @charla.titulo%> <small><%= @charla.conferencia.nombre%></small></h2>
					</div>  
					<div>
						<p><%= @charla.abstract%></p>
					</div> 
				</div>
			</td>
		</tr>
	</table>
</div>
<div>
	<label>Aprobadas:</label>&nbsp&nbsp&nbsp
	<% @evaluacionesAprobadas.each do |evaluacionAprobada| %>
		<span class="glyphicon glyphicon-thumbs-up"  style="font-size:25px;"></span>
	<% end %>
</div>  
<div>
	<label>Desaprobadas:</label>&nbsp&nbsp&nbsp
	<% @evaluacionesRechazadas.each do |evaluacionRechazada| %>
		<span class="glyphicon glyphicon-thumbs-down" style="font-size:25px;"></span>
	<% end %>
</div>       

<% if @charla.estadoEvaluada? %> 
  <br><br>
  <a href="/aceptarCharla/<%= @charla.id %>" class="btn btn-success">Aceptar</a>
  <a href="/rechazarCharla/<%= @charla.id %>" class="btn btn-danger">Rechazar</a> 
  <br/><br/>
<% end %> 
<hr>

<h2>Lista Evaluaciones</h2>
<br/>
<div id="listaEvaluaciones">
<% @list.each_with_index do | evaluacion, i | %>
	<div class="panel panel-default" style="overflow-y:auto; display:inline-block; width:32.9%; text-align:left; height: 50%; float:left; margin-right:0.1cm">
	  <div class="panel-heading">
	  	Evaluación #<%= i %>
  	  </div>
	  <div class="panel-body">
	    <p>
	  	<% if evaluacion.aprobada? %> 
	  		<span class="glyphicon glyphicon-thumbs-up" style="font-size:48px;"/>
	  	<% else%>
	  		<span class="glyphicon glyphicon-thumbs-down" style="font-size:48px;"/>
	  	<% end %>
	  	</p>

	  	<label>Resumen: </label><br>
		<%= evaluacion.resumen%> 
			
		<br><br>
		
		<label>Opinión: </label><br>
		<%= evaluacion.comentario%> 
	  </div>
	</div>
<%end%>
</div>

<div style="clear:both;">
	<form>
		<input type="submit" value="Volver" onClick="volver(this, <%= @charla.conferencia_id %>)" class="btn btn-default"/>
	</form>
</div>

<script type="text/javascript">	
	$(function() {
    	$( ".tabs" ).tabs();
  	});
  	
	function volver(button, idConferencia) {
	  button.form.method = 'get'
	  button.form.action = '/verCharlas/' + idConferencia
	  return true
	}
</script>